window.onload = function(){
    /*
     * cont
     * para los puntos y poner nombres
     */
    var cantidadPuntos = 0;
    /**
     * Opciones del Mapa
     */
    var options = {
        zoom: 14, 
        center: new google.maps.LatLng(-37.997245, -57.561493), 
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        disableDoubleClickZoom : true
    };
    /**
     * Mapa
     */
    var map = new google.maps.Map(document.getElementById('map_canvas'), options);
    /**
     * Opciones de la línea, y asiganción al mapa
     */
    linea = new google.maps.Polyline({
        strokeColor: "#FF0000",
        strokeOpacity: 1.0,
        strokeWeight: 2
    });
    linea.setMap(map);
    /**
     * ICONO
     */
    var imagen = 'images/banderaroja.png';
    /**
     * Evento Click en el mapa
     */ 
    google.maps.event.addListener(map, 'click', function(event) {
        /* DIV oculto lista para AJAX */
        var item = $('<li></li>');
        var labelat = $('<label></label>');
        var labelng = $('<label></label>');
        var latitud = event.latLng.lat().toString();
        var longitud = event.latLng.lng().toString();
        labelat.html(latitud);     
        labelng.html(longitud)
        // Agrega id a item
        item.attr('id','item');
        // Agrega los valores al item
        item.append(labelat).append(";").append(labelng);
        // Agrega el item al UL
        $('#lista').append(item);
        /* Gráfico */
        // Dibujar linea entre el punto actual y el anterior
        var path = linea.getPath();
        path.push(event.latLng);
        /* Lista visible */
        var visItem = $('<li></li>');
        /*if (cantidadPuntos != 0)
        {
            visItem.append("por calle: ").append($('<input></input>').attr({
                'class':'calle'
            }));
            visItem.append($('<br>'));
        }*/
        visItem.append($('<img/>').attr('src','images/eliminar.png'));
        visItem.append("Punto " + (cantidadPuntos+1));
        cantidadPuntos++;
        $('#listavisible').append(visItem);
    });

    /**
     * Borrar último punto
     */
    $('#listavisible li:last img').live('click', function() {
        $(this).parent().remove();
        $('#lista li:last').remove();
        var path = linea.getPath();
        path.removeAt(path.length-1);
        if  (cantidadPuntos > 0){
            cantidadPuntos--;
        }
    })

    /**
     *  Guardar Click
     */
    $('#submit').click(function(){
        var arreglo = new Array();
        var calles = new Array();
        var i = 0;
        if ($('#select_linea').val() != 0)
        {
            if (cantidadPuntos >= 2)
            {
                $('#lista li label').each(function(index){
                    arreglo.push($(this).text());
                });
                $('.calle').each(function(index){
                    calles.push($(this).val());
                });        
                $.ajax({
                    type: 'POST',
                    url: 'guardarRuta.php',
                    data: {
                        recorrido: arreglo,
                        linea: $('#select_linea').val(),
                        tipo: $('#select_linea_tipo').val(),
                        calles: calles
                    },
                    dataType: 'json',
                    success: function(datos){
                        $.blockUI({ 
                            theme:     true, 
                            title:    'Grabar', 
                            message:  datos.mensaje, 
                            timeout:   2000 
                        }); 
                    }
                });
            }
            else
            {
                $.blockUI({ 
                    theme:     true, 
                    title:    'Error', 
                    message:  'No hay un par m&iacute;nimo de coordenadas para grabar.', 
                    timeout:   2000 
                }); 
            }
        }
        else
        {
            $.blockUI({ 
                theme:     true, 
                title:    'Error', 
                message:  'Debe elegir una l&iacute;nea de colectivos.', 
                timeout:   2000 
            }); 
        }
    });
    
    $('#nuevo').click(function(){
        $(location).attr('href','crear.php');
    });
};
